/*
 * 2018-06-21
 * HQS
 * 公共样式
 * */
@charset "utf-8";

*{ padding:0px; margin:0px; font-family:"微软雅黑"; 
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; }
/* 取消a标签在移动端点击时的蓝色 */
a{ text-decoration:none; color:#666;
/* -webkit-tap-highlight-color:transparent; */
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-user-select: none;
-moz-user-focus: none;}

a:active{ text-decoration: none; list-style-type: none; }
a:hover { text-decoration: none!important; list-style-type: none!important; }
a:focus{ text-decoration: none; list-style-type: none; }
#application_submit,#contact_submit,#entry_submit,a:focus {outline-style:none;
						-moz-outline-style: none;} 
a:visited{ text-decoration: none; list-style-type: none; }
		
a:active{star:expression(this.onFocus=this.blur());}
a:focus{star:expression(this.onFocus=this.blur());}
a{blr:expression(this.onFocus=this.close());} /* 只支持IE，过多使用效率低 */ 　 
a{blr:expression(this.onFocus=this.blur());
	outline-style:none;/*FF使用*/
} /* 只支持IE，过多使用效率低 */

a,a:hover,a:active,a:visited,a:link,a:focus{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
	outline:none;background: none;text-decoration: none;}

/* 改变选中内容的背景颜色 */
::selection {background: #FFF;color: #333;}
::-moz-selection {background: #FFF;color: #333;}
::-webkit-selection {background: #FFF;color: #333;}

/* 去除ios input框点击时的灰色背景 */
input{-webkit-tap-highlight-color:rgba(0,0,0,0);}
ul li{ list-style:none; }
em{font-style: normal;}
button,select{outline:none;}

ul li{ list-style:none; }
em{font-style: normal;}
html, body{ width: 100%; height: auto;margin: 0px;font-size: 12px; font-size: 100%;
			/*min-width: 1158px;*/
            font-family: '微软雅黑'; margin: auto;
            background: #fff;
            -webkit-text-size-adjust:none;
            /*让页面上的内容不能被选中*/
		    -webkit-user-select:none;
		    -moz-user-select:none;
		    -ms-user-select:none;
		    user-select:none; }

.fix{*zoom:1;}
.fix:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}

.dis_block{display: block;}
.dis_none{display: none!important;}
        

/*PC端公共样式 开始*/
.pc,.pc .top,.pc .banner,.pc .feature,.pc .ambassador,.pc .harvest,.pc .responsibility,
.pc .condition,.pc .about,
.pc .responsibility .responsibility_bg,
.pc .banner .banner_content .banner_character img,
.pc .banner .banner_content .banner_android_app img,
.pc .banner .banner_content .banner_ios_app img,.pc .ambassador .ambassador_div .ambassador_main div p{display: block;width: 100%;}

.pc,.pc .top,.pc .feature,.pc .ambassador,.pc .harvest,.pc .responsibility,
.pc .responsibility .responsibility_bg,.pc .condition,.pc .about{min-width:1158px;}

.pc,.pc .top,.pc .banner .banner_content .banner_android_app .banner_qr_code,
.pc .feature,.pc .harvest,.pc .responsibility_main .responsibility_border,.pc .responsibility_main .res_con{background: #fff;}


/*PC端样式   结束*/



/*移动端公共样式   开始*/
.mobile {width: 100%;max-width: 750px;background: #f1f1f1;padding-bottom: 6rem;}
.mobile>div{width: 100%;}
.shadow{margin-bottom: 0.7rem;
		-webkit-box-shadow: 0px 0px 12px 0px #696969;  
		-moz-box-shadow:0px 0px 12px 0px #696969;  
		box-shadow:0px 0px 12px 0px #696969;}
.shadow2{margin-bottom: 0.7rem;
		-webkit-box-shadow:0px 3px 4px 0px #cecece;  
		-moz-box-shadow:0px 3px 4px 0px #cecece;  
		box-shadow:0px 3px 4px 0px #cecece;}


.vessel{position: fixed;top: 0;left: 0;right: 0;background: #F2F2F2; bottom: 4rem;overflow-y: scroll;}
.vessel1{ bottom: 7rem!important;}
.vessel2{ bottom: 3rem!important;}


/*头部导航菜单1*/
.mobile .topNav{display: block;max-width: 750px; height: 3rem;background: #fff;position:fixed;top: 0;left: 0;z-index: 10;}
.mobile .topNav ul{width: 100%; height: inherit;}
.mobile .topNav ul li{display: inline-block; float: left;width:33.333333%; height: inherit;}
.mobile .topNav ul li a{display: block;width:100%;height: inherit; font-weight: 800;text-align: center;line-height: 3rem;color: #333;
						-webkit-tap-highlight-color:transparent;color: #626262;position: relative;font-size: 1rem;}
.mobile .topNav ul li.avtie a{background: #52b1fc;color: #fff;}


/*头部导航菜单2*/
.mobile .top{display: block;max-width: 750px; height: 4rem;
			 background: #fff;border-top: 1px #ccc solid;
			 position:fixed;bottom: 0;left: 0;z-index: 10;}
.mobile .top ul{width: 100%; height: inherit;}
.mobile .top ul li{display: inline-block; float: left;width:20%; height: inherit;}
.mobile .top ul li a{display: block;width:100%; font-weight: 800;text-align: center;
					 -webkit-tap-highlight-color:transparent;color: #eb8b00;padding-top: 0.5rem;
					 height: inherit;line-height: 5rem; position: relative;}
.mobile .top ul li a img{display: block;margin: 0 auto;}
.mobile .top ul li a p{width: 100%; font-size: 1rem;color: #333;height: 2rem;line-height: 2rem;
						position: absolute;left: 0;bottom: 0;}
.mobile .top ul li a img.increase{width: 76%!important;}
.mobile .top ul li.avtie a p{color: #46c2f5;}

/*页面的标题*/
p.contentHeader{width: 100%;margin: 0 auto;height: 2.5rem;line-height: 2.5rem;background: #fff;
				color: #2d2d2d;font-size: 1rem;font-weight: 700;padding: 0 3%;border-bottom: 1px #ececec solid;}
p.contentHeader img{width: 6%;margin-right: 0.5rem;vertical-align: middle;}


.fontColor1{color: #3dcbec;}
.fontColor2{color: #f93d3b;}
.fontColor3{color: #787878;}

.bgCondition1{background: #3dcbec!important;}
.bgCondition2{background: #f93d3b!important;}
.bgCondition3{background: #787878!important;}


.bgColor1{border-top-color: #c23433!important;}
.bgColor2{border-top-color: #2493df!important;}
.bgColor3{border-top-color: #34a17c!important;}


.position_one{left: 33%;}
.position_two{left: 0%;}
.position_three{left: 66%;}


.CrunchiesBG1{background: #febb41;}
.CrunchiesBG2{background: #41c0fe;}
.CrunchiesBG3{background: #ff7d60;}


.position_one .num{color: #5f1819;left: 71%;top: 31%;}
.position_two .num{color: #122775;left: 71%;top: 34%;}
.position_three .num{color: #61100c;left: 71%;top: 34%;}



.events .money,.events .time,.events .number,.events .condition{float: left;font-size: 0.7rem;color: #999;text-indent: 0.4rem;}

/*暂无 状态*/
.noGame{width: 100%;height: 3rem;line-height: 3rem;text-align: center;color: #969696;}

/*暂无 荣誉*/
.notHave{text-align: center;width: 100%;height: 3rem;line-height: 3rem;
		 font-size: 0.7rem;color: #b7b7b7;background: #FFF;}


/*共用的 登陆注册  input 控制 placeholder  样式*/
.inputClass::-webkit-input-placeholder { /* WebKit browsers */
			color:#D4D4D4;}
.inputClass:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
			color:#D4D4D4;opacity:1;}
.inputClass::-moz-placeholder { /* Mozilla Firefox 19+ */
			color:#D4D4D4;opacity:1;}
.inputClass:-ms-input-placeholder { /* Internet Explorer 10+ */
			color:#D4D4D4;}


/*循环 部分 榜单列表*/
.classes{width: 100%;background: #fff;border-top: 1px #ededed solid;}
.classes .list{display: block;height: 3rem; line-height:3rem;font-weight: 600;
									 float: left;color: #363636;font-size: 0.7rem;text-align: center;}
.classes .list:nth-of-type(1){width: 12%;}
.classes .list:nth-of-type(2){width: 20%;}
.classes .list:nth-of-type(3){width: 18%;}
.classes .list:nth-of-type(4){width: 16%;}
.classes .list:nth-of-type(5){width: 16%;}
.classes .list:nth-of-type(6){width: 18%;}

.pool{width: 100%;background: #fff;}
.pool>a{display: block;}
.pool .list{width: 100%;height: 3rem;border-top: 1px #ededed solid;text-align: center;line-height: 3rem;}
.pool .list span{display: inline-block;float: left;height: inherit;color: #999;}
.pool .list span img{vertical-align: middle;}
.pool .list .ranking{width: 12%;color: #b1b1b1;}
.pool .list .TeamName{width: 20%;color: #616161;text-align: center;}
.pool .list .teamLogo{width: 18%;}
.pool .list .teamLogo img{width: 1.2rem;}
.pool .list .member{width: 16%;}
.pool .list .member i{font-style: initial;}
.pool .list .totalNumber{width: 16%;}
.pool .list .combatGains{width: 18%;}
.pool .list .combatGains img{width: 1rem;margin-right: 0.1rem;}




/*弹窗  弹出层*/
.bg,.bg_overlay {position: fixed;top: 0; right: 0; bottom: 0; left: 0;}
.bg {-webkit-transition: visibility .25s;transition: visibility .25s;
     z-index: 3;visibility: hidden;overflow: hidden;}

.bg .bg_overlay {background-color: black;opacity: 0;-webkit-transition: opacity .25s;transition: opacity .25s;}
.scrollable {overflow: auto;-webkit-overflow-scrolling: touch;}

.active {-webkit-transition: none;transition: none;visibility: visible;}
.active > .bg_overlay {opacity: .6;}
.active > .bg_content {-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}

.bg .ShutDown{position: absolute;top:-0.8rem;right: -0.8rem;font-weight: 700;
			  width: 3rem;height: 3rem;color: #fff;background: #000;z-index: 54;
			  text-align: center;line-height: 3rem;font-size: 1.5rem;border-radius: 1.5rem;}

/*<span class="ShutDown" id="">X</span>*/

/*弹窗  弹出层*/
.union{width: 80%;margin-top: 40%;border-radius: 0.3rem;background: #fff; position: absolute;left: 10%;overflow: hidden;}
.style{color: #3d3d3d;font-size: 1.5rem;text-align: center;font-weight: 800;}
.marginHeight{margin-bottom: 5rem!important;}

.leaveTeam{height: auto; margin-top: 40%;}
.leaveTeam .title{line-height: 7rem;margin-bottom: 2rem;}

.buttonDiv{width: 100%;height: 3rem;line-height: 3rem;position: absolute;left: 0;bottom: 0;}
.buttonDiv button{width: 50%;height: inherit;text-align: center;color: #fff;font-size: 1rem;float: left;border: none;}
.leftButton{background: #e60111;}
.rightButton{background: #558efc;}

.moduleBGcolor1{background: #fff;}

/*固定导航*/
.mobile .nav{position: fixed;left: 0;width: 100%;height: 3rem;z-index: 4;}
.mobile .nav .viewMore{display: block;height: 3rem;line-height: 3rem; font-size: 0.8rem;text-align: center;border: none;color: #fff;float: left;}
.share1{width: 100%;background: #ff3b30;}

		/*分享至*/
.share{width: 100%;position: absolute;left: 0;background: #e5e5e5;padding-top: 0.5rem;z-index: 0;}
.share .titleDiv{width: 100%;height: 1rem;}
.share .titleDiv .title{font-size: 0.7rem;width: 90%;text-align: center;color: #848484;padding-bottom: 0.5rem;margin: 0 auto;position: relative;}
.share .titleDiv .title:before,.share .titleDiv .title:after{content: '';                 /*CSS伪类用法*/
												            position: absolute;         /*定位背景横线的位置*/
												            top: 32%;
												            background: #858585;       /*宽和高做出来的背景横线*/
												            width: 36%;height: 1px;}
.share .title:before{left: 5%;   /*调整背景横线的左右距离*/}
.share .title:after {right: 5%;}
.share .content{width: 100%;margin-bottom: 0.5rem;}
.share .content .styleHeight{width: 25%;float: left;}
.share .content .styleHeight a{display: block; width: 100%;height: 100%;}
.share .content .styleHeight a img{display: block; width: 2rem;vertical-align: middle;margin: 0.5rem auto;}
.share .content .styleHeight a p{height: 1rem;line-height: 1rem;color: #000;text-align: center;font-size: 0.7rem;}




/*超出文本  自动省略号*/
.apostrophe{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


/*首页  固定导航 */
.navigation{position: fixed;right: 0px;bottom: 5rem; width: 4.5rem!important;background: transparent; z-index: 3;}
.navigation a{display: block;width: 4rem;margin-bottom: 0.5rem;}
.navigation img{width: 4rem;background: transparent;
				filter: drop-shadow(0px 5px 2px #40afff);
				filter: drop-shadow(0px 5px 2px rgba(64,175,255,0.5));}


/*5.5英寸   414*736尺寸的屏幕  如iPhone6 Plus、iPhone6s Plus、iPhone7 Plus、魅族MX5  1920x1080  /3★*/ 
@media only screen and (max-width: 414px) {
	.mobile .top ul li a img{width: 28%;}
	.mobile .top ul li:nth-of-type(3) a{padding-top: 0rem!important;}
	.banner_and{top: 11.29rem;left: 1.6rem;}
	.mobile .ambassador a.sign_up{top: 12rem;left: 15rem;}
	
	.mobile .application{height: 95rem;}
}
/*5.96英寸  412*732尺寸的屏幕  如谷歌Nexus 6   2K 2560x1440  /3.5★*/
@media only screen and (max-width: 412px) {
	.mobile .top ul li a img{width: 29%;}
	.mobile .top ul li:nth-of-type(3) a{padding-top: 0.05rem!important;}
	.banner_and{top: 11rem;left: 1.6rem;}
	.mobile .ambassador a.sign_up{top: 12rem;left: 15rem;}
	
	.mobile .application{height: 96rem;}
}
/*5.2英寸   411*731尺寸的屏幕  如 谷歌Nexus 5x   1920x1080  /2.625★*/
@media only screen and (min-width: 376px) and (max-width: 411px) {
	.mobile .top ul li a img{width: 29%;}
	.mobile .top ul li:nth-of-type(3) a{padding-top: 0.05rem!important;}
	.banner_and{top: 11rem;left: 1.6rem;}
	.mobile .ambassador a.sign_up{top: 12rem;left: 15rem;}
	
	.mobile .application{height: 96rem;}
}
/*适配iPhoneX 样式写法  5.8英寸 2436*1125 */
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3){
	.mobile .top ul li:nth-of-type(3) a{padding-top: 0.15rem!important;}
	
}
/*4.7英寸   375*667尺寸的屏幕  如iPhone6、iPhone7、iPhone 6s   1334x750*/
@media only screen and (min-width: 361px) and (max-width: 375px) {
	.mobile .top ul li a img{width: 31%;}
	.mobile .top ul li:nth-of-type(3) a{padding-top: 0.2rem!important;}
	.banner_and{top: 10rem;left: 1rem;}
	.mobile .ambassador a.sign_up{top: 11rem;left: 13rem;}
	
	.mobile .application{height: 97rem;}
}
/*4.95英寸  360*640尺寸的屏幕  如 谷歌Nexus 5     1920x1080 /3★*/
@media only screen and (min-width: 321px) and (max-width: 360px) {
	.mobile .top ul li a img{width: 32%;}
	.mobile .top ul li:nth-of-type(3) a{padding-top: 0.4rem!important;}
	.banner_and{top: 9.5rem;left: 1rem;}
	.mobile .ambassador a.sign_up{top: 10.5rem;left: 12rem;}
	
	.mobile .application{height: 98rem;}
}
/*4.0英寸   320*568尺寸的屏幕  如iPhone5、iPhone SE   1136x640*/
@media only screen and (max-width: 320px) {
	.mobile .top ul li a img{width: 33%;}
	.mobile .top ul li:nth-of-type(3) a{padding-top: 0.5rem!important;}
	.banner_and{top: 8.5rem;left: 1rem;}
	.mobile .ambassador a.sign_up{top: 9rem;left: 11rem;}
	
	.mobile .application{height: 99rem;}
}